@using SiteServer.CMS.Pages
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8" />
  <title>SiteServer 管理后台</title>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="renderer" content="webkit" />
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <link href="../assets/images/favicon.png" rel="icon" type="image/png">
  <link href="../assets/css/ionicons-2.0.0.min.css" rel="stylesheet" type="text/css" />
  <link href="../assets/css/font-awesome-4.7.0.min.css" rel="stylesheet" type="text/css" />
  <link href="../assets/css/bootstrap-4.1.0.min.css" rel="stylesheet" type="text/css" />
  <link href="../assets/css/siteserver.min.css" rel="stylesheet" type="text/css" />
  <style>
    .nav .nav-link {font-weight: normal; border-radius: 1.25rem; font-size: 14px;}
    .editable, .editable a, .editable span {
      border-bottom: dashed 1px #0056b3 !important;
    }
  </style>
</head>

<body>
  <div id="main" class="m-t-15 m-b-15 m-l-15 m-r-15">

    <template v-if="pageLoad">
      @if (IsSectionDefined("Navs")){
      <div class="card-box">
        <div class="mb-3">
          <ul class="nav nav-pills nav-justified">
            @RenderSection("Navs")
          </ul>
        </div>

        <hr />

        <div v-if="pageAlert" class="alert" v-bind:class="{ 'alert-warning': pageAlert.type === 'warning', 'alert-success': pageAlert.type === 'success', 'alert-danger': pageAlert.type === 'danger' }">
          <button v-on:click="pageAlert = null" class="close" data-dismiss="alert">×</button>
          <span v-html="pageAlert.html"></span>
        </div>

        @RenderBody()
      </div>
      } else {
        <div v-if="pageAlert" class="alert" v-bind:class="{ 'alert-warning': pageAlert.type === 'warning', 'alert-success': pageAlert.type === 'success', 'alert-danger': pageAlert.type === 'danger' }">
          <button v-on:click="pageAlert = null" class="close" data-dismiss="alert">×</button>
          <span v-html="pageAlert.html"></span>
        </div>
        
      @RenderBody()
      }

    </template>
    <template v-else>
      <div class="text-center" style="margin-top: 100px">
        <img class="mt-3" src="../assets/images/loading.gif" />
        <p class="lead mt-3 text-nowrap">载入中，请稍后...</p>
      </div>
    </template>

  </div>
</body>

</html>

<script src="../assets/js/es6-promise.auto.min.js" type="text/javascript"></script>
<script src="../assets/js/axios-0.17.1.min.js" type="text/javascript"></script>
<script src="../assets/js/lodash-4.17.10.min.js" type="text/javascript"></script>
<script src="../assets/js/jquery-1.9.1.min.js" type="text/javascript"></script>
<script src="../assets/js/layer/layer-3.1.1.js" type="text/javascript"></script>
<script src="../assets/js/sweetalert2-7.28.4.all.min.js" type="text/javascript"></script>
<script src="../assets/js/vue-2.5.16.min.js" type="text/javascript"></script>
<script src="../assets/js/vee-validate-2.1.0.js" type="text/javascript"></script>
<script src="../assets/js/vee-validate-locale-zh_CN-2.1.0.js" type="text/javascript"></script>
<script type="text/javascript">
  var apiUrl = '@Sys.InnerApiUrl';
</script>
<script src="../assets/js/apiUtils.js" type="text/javascript"></script>
<script src="../assets/js/pageUtils.js" type="text/javascript"></script>
<script src="../assets/js/utils.js" type="text/javascript"></script>
@if (IsSectionDefined("Scripts")){ @RenderSection("Scripts") }